<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>购物车</title>
    <link rel="stylesheet" href="./dist/index.css" />
    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />
    <script src="./js/swiper-bundle.min.js"></script>
    <script src="./js/axios.min.js"></script>
    <script src="./js/api.js"></script>
  </head>
  <body>


    <nav style="position: fixed; z-index: 999; " >
      <div id="header">
        <a href="index.html"></a>
        <div class="login-regin">
          <span onclick="fnlog(login)">登录</span>/<span onclick="fnregn(regin)"
            >注册</span
          >
        </div>
        <div class="list-cart" onclick="tocart()">购物车<span></span></div>
        <div class="heard-box box-msg"><span></span></div>
        <div class="heard-box box-serach"><span></span></div>
        <div class="heard-box box-question"><span></span></div>
      </div>
      <div id="login">
        <div class="login-left">
          <h1>还未注册？</h1>
          <button onclick="fnregn(regin)">注册账户</button>
        </div>
        <div class="login-right">
          <h1>已经成为会员？</h1>
          <input
            type="text"
            class="ipt-id"
            placeholder="请输入账号"
            onblur="fnloginid()"
          /><span></span><br />
          <input
            type="password"
            class="ipt-pw"
            placeholder="请输入密码"
            onblur="fnloginpw()"
          /><span></span>
          <p>
            <input type="checkbox" />一旦登录，即表明您同意匡威更新的
            隐私政策和使用规则
          </p>
          <button id="login-btn">登录</button>
        </div>
        <div class="login-bottom" onclick="fnl(login)"></div>
      </div>
      <div id="regin">
        <div class="regin-left">
          <input
            type="text"
            placeholder="请输入手机号"
            class="reg-phone"
            onblur="fnphone()"
          /><span></span><br />
          <input
            type="text"
            placeholder="请输入邮箱"
            class="reg-mail"
            onblur="fnmail()"
          /><span></span><br />
        </div>
        <div class="regin-right">
          <input
            type="text"
            placeholder="请输入账号名称"
            class="reg-id"
            oninput="fnregid()"
            onblur="fnjudgeid()"
          /><span></span><br />
          <input
            type="password"
            placeholder="请输入密码"
            class="reg-pw"
            onblur="fnregpw()"
          /><span></span><br />
          <input
            type="password"
            placeholder="请确认密码"
            class="reg-pw-judge"
            onblur="fnpwjudge()"
          /><span></span><br />
          <button id="regin-btn" onclick="fnreg()">注册</button>
        </div>
        <div class="regin-bottom" onclick="fnl(regin)"></div>
      </div>
    </nav>
   <nav id="nav-content" style="width: 100%;height: 80px;"></nav>
    <div id="notice" class="swiper-container swiper-container1" >
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <article>
              尊敬的客户您好，我们店铺不会泄露您的任何消费信息，敬请放心。另外，我们也不会主动要求获取、收集、使用任何消费者的金融消费类信息（如：信用卡信息）。如果接到索取以上信息的电话，是属于诈骗电话，请勿相信，以防个人的钱财损失。如您对订单有疑问，请联系在线客服。
            </article>
          </div>
          <div class="swiper-slide">
            <article>
              因疫情、暴雨天气等影响，发往河南、新疆、云南、广东、江苏等部分地区暂停揽收或配送有所延迟，联系客服了解详情，给您带来不便敬请谅解。
            </article>
          </div>
        </div>
      </div>
     
    
    <div id="mycarts">
      <ul class="list-unstyle">
        <li class="con-progress-step-1"><a href="#">我的购物车</a> <i></i></li>
        <li class="con-progress-step-2">
          <a href="#">填写订单信息</a> <i></i>
        </li>
        <li class="con-progress-step-3">
          <a href="#">成功提交订单</a> <i></i>
        </li>
      </ul>
      <p class="your-cart">您的购物车:<span class="your-cart-number"></span>件商品</p>
      <div class="mycarts-title">
        <input type="checkbox" onchange="allSelClick(this)" class="allChecked"/> &nbsp; 全选
        <span>您已选择<span class="product-checked"> 0 </span>    件商品</span>
      </div>
      <div id="mycart-list-box">
        <!-- <div class="mycart-list">
            <div class="mycart-list-til">
              <input type="checkbox" name="" id="" />
              <button>删除</button>
              <button>编辑</button>
            </div>
            <div class="mycart-list-img">
              <img
                src="https://image.converse.com.cn/resources/product/10020930741/10020930741_1M_NEW.png?2021082001"
                alt=""
              />
              <div class="mli-til">
                <h1>男女同款 One Star</h1>
                <h1>￥599.00</h1>
              </div>
            </div>
            <div class="mli-num">
              数量:
              <input type="button" value="+" />
              <input type="text" value="" class="pnum-ipt" />
              <input type="button" value="-" />
            </div>
          </div> -->
      </div>
    
      
      <div class="mycarts-title">
        <input type="checkbox" onchange="allSelClick(this)" class="allChecked" /> &nbsp; 全选
        <span>您已选择<span class="product-checked"> 0 </span> 件商品</span>
      </div>
      <div class="shopcart-check">
        <div class="shopcart-check-left">
          <div class="help-box">
            <h4>需要帮助吗？</h4>
            <a href="/helpcenter/order.htm" target="_blank"
              >如何确保订单安全？</a
            >
            <a href="/helpcenter/pay.htm" target="_blank"
              >我可以使用什么付款方式？</a
            >
            <a href="/helpcenter/return_refund.htm" target="_blank"
              >如何进行退换货？</a
            >
            <a href="/helpcenter/FAQ.htm" target="_blank">更多帮助 </a>
          </div>
          <a href="index.html" class="continue">继续购物</a>
        </div>
        <div class="shopcart-check-right">
          <div class="scr-price">商品总价：￥<span class="scr-price-box">0</span></div>
          <div class="scr-count">
            <p><span>*</span>不含运费及优惠券折扣</p>
            <p>
              <span>*以会员身份结算可享受免费配送服务</span>
            </p>
          </div>
          <a href="#" class="src-pay">结算</a>
        </div>
      </div>
    </div>

    <div id="footer-wrapper">
      <ul class="footer-list">
        <li><a href="">关于我们</a></li>
        <li><a href="">帮助和购物指南</a></li>
        <li><a href="">隐私政策</a></li>
        <li><a href="">使用规则</a></li>
      </ul>
      <div class="footer-logo">
        <img
          src="https://image.converse.com.cn/images/commons/header-footer-new2.png"
          alt=""
        />
      </div>
      <div class="footer-messege">
        <span>
          @匡威体育用品（中国）有限公司 保留所有权利
          <a>沪ICP备11044134号-2</a>
          <img
            src="//image.converse.com.cn/images/homepage/beiAn.png"
          />沪公网安备 31011002001667号
          <a href=""
            ><img
              src="//image.converse.com.cn/images/commons/business-license.png"
            />电子营业执照 公司证照</a
          ></span
        >
      </div>

      <div class="tip-for-fraud">
        <img src="//image.converse.com.cn/images/cautionIcon.png" />
        <!-- <span>亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。</span> -->
      </div>
    </div>
    <script src="./js/index.js"></script>
  </body>
</html>
